<%@page contentType="text/html;charset=utf-8" language="java" %>
<%@page import="com.ai.dmc.index.common.bean.StaffSessBean"%>
<%@page import="com.ai.dmc.index.web.util.SessionInfoUtil"%>

<!DOCTYPE html>
<html>

<%
	String areaId=Base64.decode(request.getParameter("areaId"));  //有可能是市编码，也可能是region编码
	if(areaId==null ||areaId.equals("")){
		areaId = SessionInfoUtil.getStaffSessBean(session).getAreaId();
	}
%>

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<%@include file="../common/jsp/common.jsp"%>
<title><%=InitParam.DEPLOY_PROVINCE_TITLE%></title>
<!-- <script src="http://api.map.baidu.com/getscript?v=2.0&ak=sGZOkeDdDDh55kIiuYC2qUg1&services=&t=20150818132813"></script> -->
<script src="../zhly/assets/js/BaiduMap/BMapLib_GeoUtils.js"></script>

<script>
	var curAreaId = '<%=areaId%>';
	requires([
		"zhly", 
		"/zhly/assets/css/timeline.css",
		"/zhly/assets/js/Heatmap_min.js", 
		"/zhly/assets/js/timeline.js",
		"/zhly/hot_map.js"
	]);
</script>

<style type="text/css">  
	.loading-indicator {
		height: 80px;
		width: 80px;
		background: url( '../zhly/assets/css/images/loading_2.gif' );
		background-repeat: no-repeat;
		background-position: center center;
	}
	
	.loading-indicator-overlay {
		background-color: #ffffff;
		opacity: 0.6;
		filter: alpha(opacity = 60);
	}
</style> 
</head>
<body class="hotmap">
<div class="content" id="allContent">
	<div class="box">
		<div class="rightBox rightBoxShow">
			<div class="crumbs">
				<p>当前位置：</p>
				<p><a href="hot_map.jsp?areaId=<%=Base64.encode(curUserAreaId)%>"><%=InitParam.DEPLOY_PROVINCE_NAME%></a></p>
				<p>&nbsp;&gt;&nbsp;</p>
				<div class="crumbs_link">
					<a class="link_bar" id='cityLevel'></a>
					<div class="cityTabs">
					<div class="citytabsDiv"  id='citySelect'></div>
					</div>
				</div>
				
				<p>&nbsp;&gt;&nbsp;</p>
				<div id='showLeaderDiv' class="crumbs_link" >
					<a class="link_bar" id='regionLevel'></a>
					<div class="cityTabs1" id="regionWrapDiv">
						<div class="citytabsDiv"  id='countySelect'>
						
						</div>
						<ul id='regionSelect'>
						</ul>
					</div>
				</div>
				
				<a class="btnBack" onclick='back()' href="javascript:void(0);" title="返回上一级"></a>
			</div>
			<div class="map">
				<div id="map_Div">
					<div  class="map_img" id='allmap'></div>
					<div class="compare" id="checkPanel" style="display:none">
						<div class="lFloat left_compare">
							<div id='leftmap'></div>
							<div class="titleLine"><p class="tit" id="areaNameTip"></p><p class="date" id='yesterdayId'>----年--月--日 </p></div>
						</div>
						<div class="lFloat right_compare" >
							<div id='rightmap'></div>
							<div class="titleLine"><p class="date"  id='todayId'>----年--月--日 </p></div>
						</div>
					</div>
				</div>
				<div class="map_check" style='top:60px'>
					<p><input id="hot_history_input" type="checkbox" class="history"/>回放模式 <input id="hot_check_input" type="checkbox" class="check"/>对比模式</p>
				</div>
				<div class="timeline-box" style="display:none;">
					<div class="l" id='disablePlay'><img id="" class="play-img-dis" src="assets/css/images/play-dis.png"/></div>
					<div class="l" id='ablePlay' style='display:none'><img id="playImg" class="play-img" src="assets/css/images/play.png" onClick="play()"/></div>
					<div class="c">
						<div class="line-out" id="lineOut">
							<div class="line-in" id="lineIn">
								<div class="time-box" id="timeBox">
									<div class="time" id="time">00:00</div>
									<div class="point"><div class="pointin"></div></div>
								</div>
							</div>
							<div class="pointNow"><div class="pointin"></div></div>
						</div>
						<ul class="time-tip-box" id="timeTipBox">
							<li class="time-tip">10:00</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="clear"></div>
	</div>
</div>

</body>
</html>
